@charset "utf-8";
@import "http://at.alicdn.com/t/font_1826341_x2ihdbi668m.css";
/*建设端*/
@import "base-overwrite.css";

@blue: @purple;
@purple: #6C50F6;
@orange: #ff6600;
@red: #FC4141;
@black: #191923;
@gray: #6A707B;
@green: #1BBF6D;
.blue {
  color: @purple !important
}

.orange {
  color: @orange !important
}

.red {
  color: @red !important
}

.black {
  color: @black !important
}

.purple {
  color: @purple !important
}

.gray {
  color: @gray !important
}

.dedede {
  color: #dedede !important
}

.c949 {
  color: #949CAA !important
}

.dtFont {
  font-size: 14px;
}

.nowrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.h-100p {
  height: 100% !important;
}

a:link, a:hover, a:visited, a:active {
  text-decoration: none;
}

.left-menu2 {
  padding: 0 20px;
}

select::-ms-expand {
  display: none;
}

select {
  border: 1px solid #ddd;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 22px 0 10px;
  border-radius: 4px !important;
  background: url(../images/dropDown.png) transparent no-repeat right 6px center;
}

.padding-top-15 {
  padding-top: 15px;
}

/*头部导航及侧边栏*/
.page-wrapper {
  display: block;
}

.page-wrapper .page-container {
  display: block;
  padding: 0;
}

.page-header.navbar {
  margin-bottom: 10px;
}

.page-header-inner {
  position: fixed;
  width: 100%;
  height: 60px;
  min-width: 1260px;
  top: 0;
  z-index: 99;
  left: 0;
  background: #fff;
  padding-right: 20px;
  //box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

.help-block {
  font-size: 12px;
  color: @red;
  margin: 2px 0 0 0;
  line-height: 1;
}

/*logo*/
.page-header-inner .logo {
  padding-top: 0;
  height: auto;
}

/*顶部导航*/
.page-header-inner .main-menu li {
  color: #191923;
  //font-size: 20px;
  font-size: 18px;
  padding: 0 25px;
}

.page-header-inner .active-menu {
  background: none;
  color: @purple !important;
  //font-weight: bold;
  //font-family: "Microsoft Yahei Light", serif;
}

.page-header-inner .main-menu li:hover {
  color: @purple !important;
  background: none;
}

.page-header-inner .main-menu li div {
  position: relative;
  height: 100%;
}

.page-header-inner .active-menu div:after {
  content: ' ';
  background: @purple;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.page-header-inner .top-menu > ul {
  padding-top: 12px;
}

.er-list {
  margin-top: 20px;
  text-align: left;

  dd {
    padding-left: 40px;
    margin-bottom: 10px;
    color: #6D6F85;

    a {
      color: inherit;
    }

    &.active {
      color: @purple;
    }

    &:hover {
      color: @purple;
    }
  }
}

/*顶部图标*/
.navbar-nav > li {
  position: relative;
  height: 50px;
}

.navbar-nav > li i.dtFont {
  font-size: 30px;
  color: @purple;
}

.navbar-nav > li i.img-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.img-icon.img-my_icon {
  background: url("../icon/toux.png") no-repeat center;
}

.img-icon.img-msg_icon {
  background: url("../icon/noice.png") no-repeat center;
}

.img-icon.img-help_icon {
  background: url("../icon/help.png") no-repeat center;
}

.navbar-nav > li i.dtFont:hover {
  color: @purple;
}

.badge-info {
  background-color: #ed6b75;
}

.page-header-inner .user-info {
  padding: 8px !important;
  line-height: 20px !important;
  margin-bottom: 0 !important;
}

.user-info img {
  float: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background: none !important;
}

.page-header-inner .top-menu .badge {
  transform: translate(4px, -22px);
  position: absolute;
  top: 50%;
  left: 50%;

}

/*侧边栏*/
.page-wrapper .page-sidebar-wrapper {
  width: 240px;
  float: left;
  height: calc(100vh - 70px);
  background: white;
  position: relative;
  overflow-y: auto;
  margin-right: 0;
}

.menu-toggler {
  height: 59px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
  overflow: hidden;
  background: url("../images/qq.png") no-repeat 10px 20px;
}

.page-sidebar-closed .menu-toggler {
  background: url("../images/qq2.png") no-repeat 8px 22px;
}

.menu-toggler:after {
  content: "收起";
  display: block;
  width: 100%;
  line-height: 57px;
  font-size: 18px;
  padding-left: 30px;
  color: #666;
}

.back-toggler {
  height: 59px;
  border-bottom: 1px solid #eeeeee;
  line-height: 57px;
  font-size: 18px;
  padding-left: 24px;
  color: #666;
  cursor: pointer;
  overflow: hidden;
}

.back-toggler i {
  font-size: 16px !important;
  padding-right: 5px;
}


.pageIcon {
  padding: 40px 10px 20px;
  text-align: center;
}

.pageIcon > img {
  margin-bottom: 5px;
}

.pageIcon p {
  text-align: center;
  padding: 5px 0;
  margin: 0;
  font-size: 18px;
  color: #6D6F85;
  font-weight: normal;
}

/*侧边栏收缩*/
.page-sidebar-closed .page-wrapper {
  .page-sidebar-wrapper {
    width: 70px;
    overflow: visible;
  }

  .page-content-wrapper {
    width: calc(100% - 70px);
  }
}

.page-sidebar-closed .menu-toggler:after {
  content: "展开";
  padding-left: 26px;
}

.page-sidebar-closed .pageIcon {
  margin-bottom: 25px;
}

.page-sidebar-closed .pageIcon > div {
  width: 50px;
  height: 50px;
}

.page-sidebar-closed .pageIcon > div i.dtFont {
  font-size: 20px;
  line-height: 48px;
}

.page-sidebar-closed .pageIcon p {
  display: none;
}

.page-sidebar-closed .page-sidebar,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
  width: 70px !important;
  margin-right: 0;
}


.page-sidebar {
  width: 100%;
}

.page-sidebar .page-sidebar-menu > li {
  height: 40px;
  border-radius: 20px !important;
  padding: 8px 5px !important;
  margin-bottom: 5px;
  text-align: center;

  &:hover {
    box-shadow: none;
  }

  &.active.open {
    background: @purple !important;

    > .nav-link {
      color: white !important;
      background: transparent !important;

      i {
        color: white !important;
      }
    }
  }

  .nav-link {
    color: #131D2E !important;
    z-index: 2001;
    padding: 0 !important;
    text-align: left;
    display: inline-block !important;

    &:hover {
      color: @purple !important;

      i {
        color: @purple !important;
      }
    }

    i {
      color: #B8BABE;
      font-size: 18px;
      margin-left: 5px;
      display: inline-block !important;
      vertical-align: middle;
      transform: translateY(-2px);
    }

    .title {
      margin-left: 0;
    }
  }

}

.page-sidebar .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
  margin-bottom: 10px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a
.page-sidebar .page-sidebar-menu > li.active > a i {
  background: unset;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li > a > .title {
  line-height: 1.8;
  padding-left: 46px;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a {
  color: @purple !important;

  & > .title {
    padding-left: 33px;
    display: inline-block !important;
    vertical-align: top;
  }
}

.page-sidebar .page-sidebar-menu li span {
  font-size: 14px !important;
}

/*右侧主体内容*/
.page-wrapper .page-content-wrapper {
  position: relative;
  width: calc(100% - 250px);
  height: calc(100vh - 70px);
  padding-right: 0;
  overflow: auto;

  .referTo {
    width: calc(100% - 250px);
    right: 0;
    left: auto;
  }
}

.page-wrapper .page-content {
  //background: #F5F6FA;
  padding: 16px 20px;
  height: unset;
  min-height: 100%;
}

/*面包屑*/
.headTitle {
  padding-bottom: 14px;
  line-height: 1;

  a {
    color: #949CAA !important;
  }
}

/*超链接悬浮变色*/
.headTitle a:hover {
  color: #6C50F6 !important;
}

.page-crumbs {
  font-size: 14px;
  color: #949CAA;

  li {
    display: inline-block;

    &:not(:first-child):not(:last-child) {
      &:after {
        content: ">";
        margin: 0 6px 0 10px;
        font-family: "SimSun", serif;
        font-weight: 600;
      }
    }
  }
}

.page-radius {
  //border-radius: 13px !important;
  background-color: white;
  //border: 1px solid rgba(232, 232, 232, 1);
  min-height: calc(100% - 28px);
}

.padding16 {
  padding: 16px;
}

.padding16-20 {
  padding: 16px 20px;
}

.querySelect {
  margin-right: 10px;
  height: 32px;
  font-size: 14px !important;
  width: 200px;

  &[disabled] {
    background: url(../images/dropDown.png) #F5F7FA no-repeat right 6px center;
  }
}

.input-icon {
  display: inline-block;
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 4px !important;

  & > input {
    border: 0 !important;
    height: 30px !important;
  }

  & > i {
    margin: 8px 2px 8px 10px;
  }
}

/*表格筛选条件*/
.table-query {
  label.query-item {
    display: block;
    float: left;
  }
}

input.form-control {
  height: 32px;
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 4px !important;
  padding: 0 15px;
  display: inline-block;

  &:focus {
    border-color: @purple;
  }

  &.error-tips {
    border-color: #FC4141;
  }
}

.query-item {

  margin: 0 0 15px 0;

  input, select, .input-icon {
    width: 230px;
    margin-right: 24px;
  }

  textarea {
    display: inline-block;
  }

  &.btn-group {
    border-radius: 4px !important;

    .btn {
      &:first-child {
        border-bottom-left-radius: 4px !important;
        border-top-left-radius: 4px !important;
      }

      &:last-child {
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
      }
    }
  }

  .btn {
    height: 32px;
    line-height: 30px;
    outline: none;
    padding: 0 15px;
    border-color: #E8E8E8 !important;

    &.active {
      color: white;
      background-color: @purple;
    }

    &:active, &:focus, &:visited {
      background-color: transparent;
    }

    &:hover {
      color: white;
      background-color: @purple;
    }
  }

  &.input-group {
    width: 240px;
    overflow: hidden;
    border-radius: 4px !important;

    input {
      border-bottom-right-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }

    .btn {
      background-color: @purple;
      border: 0;
      border-left: 1px solid #E8E8E8;
      overflow: hidden;
      padding: 0 10px;

      .dtFont {
        color: white;
      }
    }
  }
}

.query-title {
  font-weight: 500;
  color: @gray;
  padding-top: 7px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  text-align: right;
}

.query-title56 {
  width: 56px;
}

.query-title70 {
  width: 70px;
}

.query-title85 {
  width: 85px;
}

.query-title92 {
  width: 92px;
}

.query-title108 {
  width: 108px;
}

.query-right {
  display: inline-block;
  vertical-align: top;
}

/*表格*/
.currencyTab {
  .table {
    margin: 0;

    th, td {
      height: 50px;
      vertical-align: middle !important;
      padding: 8px 12px !important;
      border-color: #E8E8E8 !important;

      &.key{
        background-color: #F2F2F2;
      }
    }

    th {
      color: #191923;
      white-space: nowrap;
      border-top: 0;
      background-color: #F2F2F2;
      //font-family: "Microsoft Yahei Light", serif;
      font-weight: 600;
    }

    td {
      color: @gray;

      a {
        white-space: nowrap;
        margin-right: 10px;

        &:last-child {
          margin-right: 0;
        }

        &:hover {
          opacity: 0.8;
        }
      }
    }

    .orange {
      color: @orange;
    }
  }

  .text-nowrap.nowrap {
    width: 500px;
  }

  .openNewLine {
    display: none;

    & > td {
      padding: 0 !important;
      background-color: #FBFBFC;
    }

    .table {
      margin: 0;
      background-color: white;

      td, th {
        text-align: center;

        &:first-child {
          text-align: left;
        }
      }
    }

    td:first-child {
      .dtName {
        width: 100%;
        max-width: 450px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  .table-open {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #E8E8E8;
    color: @gray;
    user-select: none;
    position: relative;
    cursor: pointer;
    transition: all linear 0.3s;

    &:after {
      content: "+";
      font-size: 14px;
      left: 2px;
      top: 0;
      position: absolute;
    }

    &.active {
      color: @purple;
      border-color: @purple;
      transition: all linear 0.3s;

      &:after {
        content: "-";
        font-size: 18px;
        top: -1px;
        left: 3px;
      }
    }

  }

  .table-progress {
    width: 150px;
    height: 10px;
    background-color: #F5F5F5;
    border-radius: 10px !important;
    margin-right: 45px;
    position: relative;
    transition: all linear 0.3s;

    .percentage {
      background-color: @purple;
      position: absolute;
      width: 0;
      height: 10px;
      border-radius: 10px !important;
      left: 0;
      top: 0;
      transition: all linear 0.3s;
    }

    span {
      position: absolute;
      left: 160px;
      top: -5px;
    }
  }
}

.currencyTab.currencyTabSmall {
  .table {
    th, td {
      height: 42px;
    }
  }
}

.sortable {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 10px;
  background: url(../images/both.png) no-repeat right 4px;

  &.desc {
    color: @purple;
    background-image: url(../images/desc.png);
  }

  &.asc {
    color: @purple;
    background-image: url(../images/asc.png);
  }
}

.applyState {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50% !important;
  border: 2px solid #E8E8E8;

  &.blue {
    border-color: @purple;
  }

  &.green {
    border-color: @green;
  }
}

.fj-title {
  color: @black;
}

.fj-explain {
  margin-top: 5px;
}

.fj-upload {
  display: block
}

.fj-item {
  margin-bottom: 5px;
}

.stateCon {
  float: left;

  span {
    border: 0 !important;
    line-height: 32px;
    padding: 0 !important;
    margin-right: 15px !important;
    position: relative;
    top: 1px;

    i.applyState {
      position: relative;
      top: 1px;
      margin-right: 5px;
    }
  }

  & ~ .pagebar {
    float: right;
    width: calc(100% - 320px);
  }
}

/*头部切换样式一*/
.page-radius {
  .nav.nav-tabs {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    border-color: #E8E8E8;
    background-color: #FBFBFC;
    margin: 0;

    li a {
      padding: 0 24px;
      height: 48px;
      line-height: 46px;
      font-size: 18px;
      font-weight: bold;
      color: @gray;
      background-color: white;
    }

    .active {
      a {
        border-top: 0;
        color: @purple;
      }

      &:first-child a {
        border-left: 0
      }
    }
  }
}

/*施工图报审头部*/
.sg-container {
  padding: 20px 15px;
  height: 110px;
  border-radius: 8px !important;
  color: white;
  background: url(../images/headCard.png) no-repeat center/cover;

  .sg-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 14px 0;
  }

  .sg-info {
    li {
      color: #ADC7F2;
      float: left;
      margin-right: 50px;

      span {
        color: white;
      }
    }
  }
}

.sg-subTitle {
  font-size: 16px;
  //font-family: "Microsoft Yahei Light", serif;
  font-weight: 600;
  margin: 26px 0 14px 0;
  position: relative;

  .sg-subBtn {
    position: absolute;
    bottom: -5px;
    right: 0;
  }
}

.sg-main {
  border-radius: 13px !important;
  border: 1px solid #E8E8E8;
  padding: 0 16px 45px 16px;
  position: relative;
  top: -22px;
  z-index: 99;
  background: white;
}

/*按钮*/
.basicsBtn {
  display: inline-block;
  min-width: 88px;
  height: 32px;
  padding: 0 10px;
  text-align: center;
  line-height: 32px;
  outline: none;
  font-size: 14px;
  border: 0;
  background-color: transparent;
  font-family: "Microsoft Yahei", serif;
  font-weight: 500;
  border-radius: 4px !important;

  &.blue {
    background-color: @purple;
    color: white !important;

    &:hover {
      opacity: 0.8;
    }
  }

  &.grayLine {
    border: 1px solid #E8E8E8;
    color: @gray;

    &:hover {
      background: #E8E8E8;
    }
  }
}

/*选择图审机构*/
.xz-info {
  li {
    float: left;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    label.xz-title {
      color: @gray;
      margin: 0;
    }

    &:nth-child(2n-1) {
      width: 50%;
      padding-right: 40px;

      label.xz-title {
        width: 6em;
        text-align: right;
      }
    }

    &:nth-child(2n) {
      width: 50%;

      label.xz-title {
        width: 9em;
        text-align: right;
      }
    }
  }
}

/*提交按钮*/
.referTo {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background-color: white;
  z-index: 999;
  height: 65px;
  box-shadow: 0 0 2px rgba(151, 151, 151, 0.2);
  text-align: right;

  .basicsBtn {
    margin-left: 10px;
  }

  &.border {
    border: none;
    border-top: 1px solid #E8E8E8;
    box-shadow: none;
  }

  &.referTo-cen {
    text-align: center;
    box-shadow: none;
  }

  &.referTo-right {
    text-align: right;
    box-shadow: none;
    border: none;
  }
}

/*下划线*/
.underline {
  cursor: pointer;
  text-decoration: underline !important;
  color: @purple !important;

  &:hover {
    opacity: 1 !important;
  }
}

/*右侧查看弹窗*/
.detail-mask-box {
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
  //width: 66%;
  width: 836px;
  height: calc(100vh - 70px);
  overflow: hidden !important;
  background-color: white;
  box-shadow: -3px 0 6px 0 rgba(155, 154, 155, 0.25);
  z-index: 9999;
  //transition: all ease 0.3s;
  .mask-header {
    height: 50px;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    background: rgba(251, 251, 252, 1);
  }

  .mask-header-title {
    padding: 16px 16px 0 16px;
    line-height: 1;
    font-size: 16px;
    color: @black;
    //font-family: "Microsoft Yahei Light", serif;
    font-weight: 600;
  }

  .detail-mask-con {
    height: 100%
  }

  .mask-content {
    height: calc(100% - 50px);
    overflow-y: auto;
  }
}

.opinion-fixedT-close {
  width: 16px;
  height: 17px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
  background: url(../images/close.jpg) no-repeat center;
}

.mask-top-info {
  padding: 16px;
  margin: 16px 16px 24px 16px;
  background: rgba(245, 248, 255, 1);
  border-radius: 4px !important;
  position: relative;

  .top-info-title {
    font-size: 18px;
    //font-family: "Microsoft Yahei Light", serif;
    font-weight: 600;
    color: @black;
    margin: 0 0 8px 0;
  }
}

.top-info-detail {
  .info-detail-item {
    margin: 8px 0 0 0;

    &:nth-child(2n-1) {
      width: 60%;
    }

    &:nth-child(2n) {
      width: 40%;

      .detail-item-title {
        width: 6em;
      }
    }

    .detail-item-text {
      width: calc(100% - 7em);
      .nowrap;
    }
  }
}

.mask-main {
  height: calc(100% - 180px);

  .mask-main-left {
    width: 230px;
    border-right: 1px solid #E8E8E8;
    float: left;
    height: 100%;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 16px;
  }

  .mask-main-right {
    padding-top: 0;
    float: right;
    width: calc(100% - 230px);
    height: 100%;

    .info-subTitle {
      border-bottom: 1px solid #E8E8E8;
      padding-left: 16px;
    }

    .pdfCon {
      height: calc(100% - 42px);
      overflow-y: auto;
      overflow-x: hidden;
      padding: 16px;
    }
  }

  .info-subTitle {
    height: 32px;
    font-size: 16px;
    color: @black;
    line-height: 1;
    font-weight: bold;
    //font-family: "Microsoft Yahei Light", serif;
  }

  .list-detail {
    margin-bottom: 16px;

    .detail-item-title {
      width: 7em;
    }

    .detail-item-text {
      width: calc(100% - 7em);
      float: right;
    }
  }
}

/*信息详情的左右对称结构*/
.info-detail-item {
  line-height: 1.4;
  margin-bottom: 10px;
  zoom: 1;
  width: 100%;
  float: left;

  &:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }

  .detail-item-title {
    color: @gray;
    text-align: right;
    display: block;
    float: left;
    margin: 0;
  }

  .detail-item-text {
    display: block;
    float: left;
  }
}


/*查看窗口-技术指标*/
.mask-main-tab {
  height: 100%;

  li {
    a {
      display: block;
      padding: 0 16px;
      height: 48px;
      line-height: 48px;
      font-size: 16px;
      .nowrap;
      color: @gray;
    }

    &.active a {
      background-color: #EDF5FF;
      color: @purple;
      font-family: "Microsoft Yahei Light", serif;
      font-weight: bold;
    }
  }

}

.main-right-con {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 0;
}

.mask-subTitle {
  padding: 16px 0;
  line-height: 1;
  color: @black;
  font-size: 16px;
  //font-family:"Microsoft Yahei Light", serif;
  font-weight: bold;
}

.zb-info {
  .info-detail-item {
    width: 50%;

    &:nth-child(2n-1) {
      .detail-item-title {
        width: 5em;
      }
    }

    &:nth-child(2n) {
      .detail-item-title {
        width: 7em;
      }
    }

    .detail-item-text {
      width: calc(100% - 7em);
      .nowrap;
    }
  }
}

/*报审进度-记录*/
.record {
  .record-item {
    position: relative;

    &:after {
      content: "";
      height: 0;
      line-height: 0;
      display: block;
      visibility: hidden;
      clear: both;
    }

    &:not(:last-child):before {
      content: "";
      position: absolute;
      top: 17px;
      left: 162px;
      height: calc(100% - 12px);
      width: 1px;
      background-color: #E9E9E9;
    }

    > * {
      float: left;
    }
  }

  .record-time {
    width: 135px;
    position: relative;
  }

  .record-icon-circle {
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50% !important;
    border: 1px solid @purple;
    margin: 4px 21px 0 21px;
  }

  .record-container-info {
    width: calc(100% - 190px);
    margin-bottom: 30px;
  }

  .record-info-title {
    color: @black;
    margin-bottom: 10px;

    a {
      margin-left: 60px;
    }
  }

  .record-info-detail {
    color: @gray;
    line-height: 2;
    margin-bottom: 5px;
  }

  .record-detail-title {
    margin-right: 80px;
  }
}


/*报审记录查看状态*/
.top-info-state {
  position: absolute;
  right: 0;
  top: 12px;
  padding: 6px 12px;
  color: white;
  line-height: 1;
  font-size: 14px;

  &.orange {
    background-color: @orange;
    border-radius: 12px 0 0 12px !important;
  }
}


.popup-box {
  max-width: 900px;
  background: white;
}

.reminder {
  padding: 10px 12px 10px 48px;
  background: #F6F3FF;
  font-size: 12px;
  line-height: 1.8;
  position: relative;

  p.blue {
    color: @purple
  }

  &:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url("../images/tip.png") no-repeat center/cover;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.popup-search {
  width: 220px;
  margin-bottom: 16px;

  .fa {
    cursor: pointer;
    color: @purple;
  }
}

.popup-body-for556 {
  height: 442px;
  overflow: auto;
}

.popup-box-radio-list {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;

  > li {
    padding: 10px 16px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    margin-bottom: 12px;
    width: 49.4%;

    &.active {
      background-color: #EDF5FF;
    }

    .mt-radio, .mt-checkbox {
      color: @gray;
      margin-bottom: 0 !important;

      b {
        color: @black;
        line-height: 1.6;
        .nowrap;
      }

      > span {
        top: 11px;
      }
    }
  }
}

.distinction {
  height: 433px;
}

.dlglayer .distinction {
  height: 100%;
  padding-bottom: 65px;
  overflow-y: auto;
}

.popup-left {
  height: 100%;
  overflow: auto;
  float: left;
  padding: 16px;
  border-right: 1px solid #E8E8E8;
}

.popup-right {
  height: 100%;
  float: right;
  overflow: auto;
  padding: 16px;
}

.choose-ed {
  > li {
    border: 1px solid #EEEEEE;
    padding: 12px 12px 10px;
    border-radius: 4px;
    position: relative;
    //margin-top: -1px;
    margin-bottom: 12px;

    h4 {
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 5px;
      padding-right: 30px;
    }

    p {
      color: #737983;
      font-size: 14px;
    }

    span {
      cursor: pointer;
      color: @orange;
      font-size: 20px;
      line-height: 1;
      position: absolute;
      right: 16px;
      top: 20px;
    }
  }
}


/*复选框*/
.mt-checkbox {
  display: block;
  margin: 0 auto;
  color: @gray;

  input:checked {
    & ~ span {
      border-color: @purple !important;
      background-color: @purple !important;
    }

    & ~ span:after {
      border-color: white;
    }
  }
}

.table {
  .mt-checkbox {
    width: 18px;
    height: 18px;
    padding: 0;
  }
}

/*弹窗标题*/
html .layui-layer-title {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  font-weight: 600;
  //font-family:Source Han Sans CN;
}

.layui-layer-setwin {
  top: 12px;
}

/*媒体响应*/
@media screen and (max-width: 1440px) {

  /*.page-wrapper {
  .page-sidebar-wrapper {
    width: 180px;
    .page-sidebar .page-sidebar-menu li span {
      font-size: 14px !important;
    }
  }
  .page-content-wrapper {
    width: calc(100% - 180px);
  }
}*/
  .table-query {
    .query-title {
      & + input, & + select, & + div {
        //width: 170px;
      }

      & + .input-icon {
        width: 230px;
        // margin-right: 0;
      }
    }
  }

  .currencyTab .text-nowrap.nowrap {
    width: 320px !important;
  }

  .currencyTab {
    .table-progress {
      width: 130px;

      span {
        left: 140px;
      }
    }

    .dtName {
      width: 300px !important;
    }
  }

}

//大主题
.page-all-wrapper {
  position: relative;
  width: 100%;
  height: calc(100vh - 70px);
  overflow: auto;
}

.module-left {
  width: calc(100% - 510px);
  background: white;
  height: 100%;
  //border:1px solid rgba(232,232,232,1);
  //border-radius:12px!important;
  overflow: auto;
}

.module-right {
  width: 500px;
  background: white;
  height: 100%;
  //border:1px solid rgba(232,232,232,1);
  //border-radius:12px!important;
  overflow: auto;
}

.project-list {
  display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  padding-top: 64px;
  text-align: center;

  li {
    width: 128px;
  }

  p {
    font-size: 16px;
  }
}

.title1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  padding: 8px 0;
}

.title2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 16px;
}

.title3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 5px;
}

.build-flow {
  padding: 24px 16px;
  border-bottom: 1px dashed #EAEAEA;
  overflow: hidden;
}

.build-flow-list {
  display: flex;
  position: relative;
  left: -10%;
  width: 120%;

  li {
    width: 33.3%;
    text-align: center;
    position: relative;
    cursor: pointer;

    .num {
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      background: #EAEAEA;
      border-radius: 50% !important;
      font-size: 16px;
      color: white;
      margin: 0 auto;
    }

    &.active {
      .num {
        background: @purple;
      }
    }

    &:after {
      content: '';
      display: block;
      width: calc(100% - 40px);
      height: 1px;
      background: #EAEAEA;
      position: absolute;
      top: 12px;
      left: calc(50% + 19px);
    }

    &:last-child:after {
      display: none;
    }

    p {
      margin-top: 15px;
    }
  }
}

.section-item {
  margin-bottom: 24px;
}

.project-create {
  display: flex;

  .reminder {
    display: flex;
    align-items: center;
    width: calc(100% - 572px);
  }
}

.project-create-box {
  width: 270px;
  height: 90px;
  background: white;
  border: 1px solid rgba(219, 219, 219, 1);
  border-radius: 4px !important;
  padding: 16px;
  margin-right: 16px;

  > a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;

    img {
      width: 60px;
      margin-right: 15px;
    }
  }
}

.anchor-list {
  font-size: 16px;
  padding: 30px 0 0 40px;

  li {
    margin-bottom: 24px;
    position: relative;

    i {
      display: inline-block;
      margin-right: 10px;
      width: 15px;
      height: 15px;
      line-height: 1;
      box-sizing: border-box;
      font-size: 0;
      border-radius: 50% !important;
      transform: translateY(2px);
      -webkit-transform: translateY(2px);

      &.green {
        background: url("../icon/g.png") no-repeat center;
      }

      &.orange {
        background: url("../icon/o.png") no-repeat center;
      }
    }

    &.active a {
      color: @purple;
    }

    &:after {
      position: absolute;
      display: block;
      width: 1px;
      height: 33px;
      content: '';
      top: 18px;
      background: #E8E8E8;
      left: 7px;
    }

    &:last-child:after {
      display: none;
    }
  }
}

.input-form {
  label.query-item {
    display: block;

  }
}

.have-line {
  position: relative;

  &:after {
    content: '';
    display: block;
    width: 9px;
    height: 1px;
    background: #e8e8e8;
    top: 15px;
    right: 5px;
    position: absolute;
  }
}

.no-data-box {
  width: 740px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}

.no-data-bg {
  width: 267px;
  height: 230px;
  background: url("../images/noda-1.png") no-repeat center;
}

.no-data-create {
  text-align: center;

  h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
  }
}

.big-btn {
  outline: none;
  border: none;
  font-size: 20px;
  color: white;
  width: 280px;
  height: 56px;
  background: @purple;
  border-radius: 4px !important;
}

.mask-content-tab {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 16px;

  li {
    margin-right: 28px;
    padding: 10px 0 8px;
    border-bottom: 3px solid transparent;
    display: inline-block;
    float: left;
    font-size: 16px;
    cursor: pointer;

    &.active {
      border-bottom: 3px solid @purple;
      color: @purple;
    }
  }
}

.mask-content-box {
  padding: 0 16px;

  > div {
    display: none;

    &.active {
      display: block;
    }
  }
}

.xz-title-5em {
  width: 5em !important;
}

.xz-title-6em {
  width: 6em !important;
}

.xz-title-7em {
  width: 7em !important;
}

.xz-title-8em {
  width: 8em !important;
}

.xz-title-9em {
  width: 9em !important;
}

.xz-title-12em {
  width: 12em !important;
}

.natural-item {
  border: 1px solid #E8E8E8;
  width: 500px;
  position: relative;

  h3 {
    line-height: 1;
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #E8E8E8;
  }
}

.natural-item-content {
  padding: 16px 16px 12px;

  p {
    margin-bottom: 6px;

    span {
      color: #737983;
    }
  }
}

.natural-item-sign {
  position: absolute;
  top: 42px;
  right: 10px;
  width: 83px;
  height: 86px;
  text-align: center;
  padding-top: 8px;
  background: url("../icon/dun.png") no-repeat center;

  span {
    font-size: 12px;
    color: #C39768;
    display: flex;
    padding: 0 10px;
    line-height: 1;
    width: 100%;
    height: 24px;
    align-items: center;
    justify-content: center;
  }
}


.charge-item {
  border: 1px solid #E8E8E8;
  width: 500px;
  position: relative;
}

.charge-item-left {
  width: 93px;
  height: 123px;
  padding: 10px;
  border-right: 1px solid #e8e8e8;
  float: left;
}

.charge-item-right {
  width: 377px;
  float: left;

}

.charge-item-baseInfo {
  border-bottom: 1px solid #e8e8e8;
  padding: 14px 16px 2px 16px;

  h3 {
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
  }
}

.charge-item-otherInfo {
  padding: 5px 16px 0;
}

.charge2 {
  margin-right: 20px
}

.charge2-item {
  border: 1px solid #E8E8E8;
  width: 500px;
  position: relative;
  margin-bottom: 16px;
  overflow: hidden;
}

.is-required {
  width: 60px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 0 0 2px;
  line-height: 1;
  font-size: 16px;
  color: white;

  span {
    position: relative;
    z-index: 20;
  }

  &:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-left: 60px solid #6E4FF7;
    border-bottom: 50px solid transparent;
  }
}

.charge2-item-left {
  width: 113px;
  height: 166px;
  padding: 30px 20px;
  border-right: 1px solid #e8e8e8;
  float: left;
}

.charge2-item-pic {
  width: 73px;
  height: 103px;
}

.charge2-item-right {
  width: 384px;
  float: left;

}

.charge2-item-baseInfo {
  border-bottom: 1px solid #e8e8e8;
  padding: 14px 16px 2px 16px;

}

.charge2-h3 {
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;

  img {
    transform: translateY(-2px);
  }

  a {
    font-weight: normal;
    font-size: 14px;

    span {
      text-decoration: underline;
    }
  }
}

.charge2-item-otherInfo {
  padding: 14px 16px 0;
}

.natural2-item-content {
  padding: 16px 16px 12px;

  p {
    margin-bottom: 13px;

    span {
      color: #737983;
    }
  }
}

.nat2-yz {
  display: inline-block;
  margin-left: 10px;

  i {
    width: 14px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    transform: translateY(3px);
  }
}

.nat2-yz-ok {
  color: #42A5F5 !important;

  i {
    background: url("../icon/pass-ok.png") no-repeat center;
  }
}

.nat2-yz-no {
  color: #FF7700 !important;

  i {
    background: url("../icon/pass-no.png") no-repeat center;
  }
}

.charge2-item-add {
  text-align: center;
  cursor: pointer;
  height: 166px;

  p {
    font-size: 16px;
    color: #737983;
  }
}

.charge2-item.authenticating {
  &:before {
    display: block;
    position: absolute;
    content: '';
    width: 406px;
    height: 166px;
    background: linear-gradient(270deg, rgba(178, 236, 222, .2) 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    border-right: 2px #B2ECDE solid;
    animation: mymove 3s infinite;
    -webkit-animation: mymove 3s infinite;
  }

  .nat2-yz-no {
    color: #ccc !important;
  }
}

.all-radius {
  background: white;
}

.all-radius-head {
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 12px 12px 0 0 !important;
  padding: 10px 16px;
  height: 80px;
}

.all-radius-content-left {
  width: 280px;
  float: left;
  height: 100%;
  overflow: auto;
  border-right: 1px solid rgba(232, 232, 232, 1);
}

.all-radius-content-right {
  width: calc(100% - 280px);
  float: left;
  height: 100%;
  overflow: auto;
}

.all-radius-content {
  background: white;
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 12px 12px 0 0 !important;
  height: calc(100vh - 175px);
  margin-top: -20px;
}

.page-wrapper .page-content-wrapper .referTo.arc {
  width: calc(100% - 298px);
}

.info-title {
  color: #737983;
}

.found-unit-submit {
  /* display: none; */
  position: fixed;
  left: 0;
  top: 60px;
  width: 100vw;
  height: calc(100vh - 70px);
  background: white;
  padding-top: 100px;
  text-align: center;
  z-index: 99999;
}

.unit-submit-card {
  display: inline-block;
  width: 131px;
  height: 171px;
}

.unit-submit-card img {
  width: 131px;
  height: 131px;
}

.unit-submit-card p {
  font-size: 20px;
  color: #191923;
  font-weight: bold;
  margin: 10px 0 0 0;
}

.unit-progress {
  display: inline-block;
  padding-top: 120px;
  width: 560px;
}

.unit-progress li {
  float: left;
  margin-left: 110px;
  font-size: 16px;
  position: relative;
  font-weight: bold;
}

.unit-progress li:first-child {
  margin: 0;
}

.unit-progress li:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: -24px;
  width: 12px;
  height: 12px;
  border-radius: 50% !important;
  background: #E9E9E9;
  box-sizing: content-box;
  border: 2px solid white;
}

.unit-progress li.active:before {
  width: 10px;
  height: 10px;
  background: @purple;
  border: 4px solid #C5DDFB;
}

.unit-progress li:not(:last-child):after {
  content: "";
  position: absolute;
  left: calc(50% + 12px);
  top: -17px;
  width: calc(100% + 88px);
  height: 1px;
  background: #E9E9E9;
}

.unit-progress li.active:after {
  background: @purple;
}

.found-unit-detail {
  display: inline-block;
  width: 550px;
  text-align: left;
  margin-top: 20px;
}

.found-unit-detail .info-detail {
  margin-right: 30px;
}

.found-unit-btn {
  margin-top: 40px;
}

.found-unit-btn .grayLine {
  margin-left: 15px;
  line-height: 30px;
}

.filler-box {

}

.reminder-box {
  border-top: 1px solid #e8e8e8;

  .reminder {
    padding-top: 15px;

    &:before {
      top: 15px;
      transform: unset;
    }
  }
}

.unit-type-list {
  padding: 20px 0;
}

.unit-type {
  margin-bottom: 28px;
  position: relative;

  label {
    display: block;
    color: #6A707B;
    margin-bottom: 5px;
  }
}

.gcInfo {
  li {
    margin-bottom: 15px;

    > span {
      font-weight: bold;
      margin-bottom: 5px;
      display: block;
    }

    .form-control {
      width: 480px;
    }
  }
}

.guide {
  position: absolute;
  left: 300px;
  top: -200px;
  z-index: 99;
}

.limits-left-box {
  width: 260px;
  background: rgb(251, 251, 251);
  border-top-left-radius: 14px !important;
  border-right: 1px solid #E8E8E8;
}

.limits-right-box {
  width: calc(100% - 260px);
  padding: 16px;
}

.staff-list-title {
  margin: 0 0 16px 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  .nowrap;
}

.staff-list-text {
  font-size: 14px;
  line-height: 1;
  .nowrap;

  label {
    margin: 0;
    color: @gray;
  }

  &.staff-list-text {
    margin-top: 16px;
  }
}


.pro-staff-list {
  height: calc(100% - 66px);
  overflow: auto;

  li {
    cursor: pointer;
    padding: 15px 16px 18px;

    &.active, &:hover {
      background: #EDF5FF;

      .staff-list-title {
        color: @purple;
      }
    }
  }
}


.tab_switch {
  width: 62px;
  height: 24px;
  overflow: hidden;
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.tab_switch .onText {
  position: absolute;
  left: 7px;
  top: 0;
  width: 30px;
  font-size: 14px;
  line-height: 24px;
  color: #949CAA;;
}

.labelCon {
  position: absolute;
  left: 0;
  right: 0;
  width: 62px;
  height: 24px;
  border: 1px solid #949CAA;
  border-radius: 12px !important;
  display: block;
}

.tab_switch_box {
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.3s;
}

.tab_switch .labelText {
  position: absolute;
  left: 0;
  right: 0;
  width: 62px;
  height: 24px;
  display: block;
  z-index: 8;
}

.tab_switch .labelText:before {
  content: "";
  position: absolute;
  left: 41px;
  top: 4px;
  width: 16px;
  height: 16px;
  background: #949CAA;
  border-radius: 50% !important;
}

.tab_switch .offText {
  position: absolute;
  left: 63px;
  top: 0;
  width: 30px;
  font-size: 14px;
  line-height: 24px;
  color: @purple;
}

.tab_switch input:checked ~ .tab_switch_box {
  left: -36px;
  transition: all 0.3s;
}

.tab_switch input:checked ~ .labelCon {
  border-color: @purple;
}

.tab_switch input:checked ~ .tab_switch_box .labelText:before {
  background: @purple;
}

.tab_switch label {
  display: block;
}

.tab_switch input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.tab-cut-list {
  border-bottom: 1px solid #E8E8E8;

  .navItem {
    line-height: 1;
    position: relative;
    padding-bottom: 15px;
    float: left;
    margin-right: 35px;
    cursor: pointer;
    font-size: 16px;

    &.active {
      color: @purple;

      &:after {
        background-color: @purple;
      }

    }

    &:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background-color: transparent;
    }
  }
}

.operate-list li {
  float: left;
  margin: 0 20px 10px 0;
}


.no-base-data {
  background: url(../images/no-base-data.png) no-repeat center;
  width: 100%;
  position: relative;
  height: calc(100vh - 200px);
}

.no-base-data.small {
  height: 350px;
  background-size: 60% auto;
}

.no-base-data p {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 100px;
  width: 100%;
  text-align: center;
}

.no-base-data.small p {
  margin-top: 70px;
}

.no-base-data .basicsBtn {
  width: 150px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -75px;
  border-radius: 15px !important;
}

.new-part-list li {
  padding: 0 20px;
  vertical-align: middle;
  height: 32px;
  margin-bottom: 10px;
}

.new-part-list li.active,
.new-part-list li:hover {
  color: @purple;
  cursor: pointer;
}

.new-part-list li span {
  display: inline-block;
}

.new-part-list .editText {
  width: calc(100% - 55px);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 32px;
}


.new-part-list li .form-control {
  border: 1px solid @purple;
  border-radius: 4px !important;
  width: calc(100% - 85px);
  display: inline-block;
  height: 32px;
  line-height: 30px;
  position: relative;
  /*top: -10px;*/
}

.new-part-cancel,
.new-part-keep {
  margin-left: 10px;
}

.new-part-cancel:hover,
.new-part-keep:hover {
  opacity: 0.8;
}

.flex-head-search {
  justify-content: space-between;

  .reminder {
    width: 400px;
  }

  .popup-search {
    height: 32px;
    transform: translateY(8px);
    -webkit-transform: translateY(8px);
  }
}

.demo-select {
  margin-bottom: 15px;

  dt {
    display: inline-block;
    color: @gray;
    margin-right: 12px;
    font-weight: normal;
  }

  dd {
    display: inline-block;
    color: @gray;
    margin-right: 12px;
    line-height: 32px;
    height: 32px;
    background: #F2F5FC;
    padding: 0 20px;
    cursor: pointer;

    &.active {
      background: @purple;
      color: white;
    }
  }
}

.BayWindow {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 999;
  margin-top: -108px;

  > a {
    display: block;
    text-align: center;
    width: 32px;
    padding: 16px 0;
    border-radius: 5px 0 0 5px !important;
    box-shadow: 1px 0 8px rgba(88, 89, 89, 1);

    &:nth-child(1) {
      background: #6C50F6;
      color: white;
    }

    &:nth-child(2) {
      background: #fff;
    }
  }
}

.cl-carousel {
  //width: 526px;
  //height: 353px;

  .carousel-indicators {
    margin-bottom: 0;
    bottom: 7px;
  }

  .carousel-indicators li {
    border: 1px solid #6C50F6;
    border-radius: 50% !important;
    box-sizing: border-box;
    margin: 0 3px;
  }

  .carousel-indicators .active {
    background-color: #6C50F6;
    width: 10px;
    height: 10px;
    margin: 0 3px;
  }
}

.page-sidebar-title {
  h2 {
    //height: 47px;
    line-height: 1.2;
    font-size: 16px;
    padding: 15px 20px 13px;
    font-weight: bold;
    border-bottom: 1px solid #e8e8e8;
  }

  p {
    padding: 15px 20px 13px;
    font-size: 16px;
  }
}

@keyframes mymove {
  from {
    right: 500px;
  }
  to {
    right: -106px;
  }
}

@-webkit-keyframes mymove {
  from {
    right: 500px;
  }
  to {
    right: -106px;
  }
}

.LS-height1 {
  min-height: calc(100vh - 135px);
}

.no-data-box2 {
  height: 224px;
  position: relative;
  width: 600px;
}

.no-mes {
  width: 460px;
  background: url("../icon/dui.png") no-repeat center/100% 100%;
  position: absolute;
  bottom: 140px;
  left: 0;
  padding: 15px 20px 40px;

  p {
    font-size: 18px;
    color: #6D6F85;
    line-height: 2;
  }
}

.sh-sh {
  position: absolute;
  left: 0;
  bottom: 0;

  .big-btn {
    width: 168px;
    border-radius: 28px !important;
    margin-bottom: 20px;
  }

  p {
    text-decoration: underline;
  }
}

.choose-com {
  position: relative;
  height: 60px;
  margin-left: 20px;
  color: @gray;

  > p {
    line-height: 60px;
    cursor: pointer;
    position: relative;
    padding-right: 20px;

    &:after {
      position: absolute;
      display: block;
      right: 0;
      top: 28px;
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid @gray;
    }

    &.open:after {
      border-top: unset;
      border-bottom: 6px solid @purple;
    }
  }


}

.textArea {
  position: relative;
  padding-bottom: 25px;
  border: 1px solid #e8e8e8;
  border-radius: 4px !important;

  textarea {
    border: none;
  }

  p {
    position: absolute;
    left: 10px;
    bottom: 4px;
    font-size: 12px;
    color: @gray;
  }
}

.syllable {
  border: 1px solid #E8E8E8;

  .xz-info {
    padding: 20px 25px 10px;

    li:nth-child(2n-1) label.xz-title {
      width: 5em;
    }

    li:nth-child(2n) label.xz-title {
      width: 5em;
    }
  }

}

.syllable-h3 {
  height: 48px;
  padding: 0 25px;
  font-size: 14px;
  line-height: 48px;
  font-weight: normal;
  background: rgba(248, 248, 248, 1);
  border-bottom: 1px solid #E8E8E8;

  span {
    color: #737983;
  }
}

.alone-radio {
  width: 18px;
  height: 18px;
  margin: 0 !important;
  padding-left: 0;
}

.sidebar-banner-box {
  padding: 20px 20px 16px;
  background: #F6F3FF;
  border-radius: 6px !important;
  position: relative;
}

.sidebar-banner-box .field-show > li {
  margin-bottom: 0;
}

.sidebar-banner-box-hasBtn {
  padding-right: 110px;
}

.sidebar-banner-box-hasBtn .normal-button {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 20px;
}

.fiSub-select {
  width: 200px;
}

.field-show > li {
  margin-bottom: 5px;
}

.field-show > li:last-child {
  margin-bottom: 0;
}

.field-show-group {
  float: left;
  width: 50%;
}

.fiShow-label {
  float: left;
  width: 100px;
  text-align: right;
  line-height: 25px;
  color: #6A707B;
}

.fiShow-label70 {
  width: 70px;
}

.fiShow-label85 {
  width: 85px;
}

.fiShow-label100 {
  width: 100px;
}

.fiShow-label120 {
  width: 120px;
}

.fiShow-label170 {
  width: 170px;
}

.fiShow-label-auto {
  width: auto;
  max-width: calc(100% - 200px);
}

.fiShow-label-flex {
  display: flex;
  line-height: 1.2;
  padding-top: 5px;
  align-items: flex-start;
  justify-content: flex-end;
}

.fiShow-right {
  float: left;
  width: 200px;
  line-height: 25px;
}

.fiShow-right-70 {
  width: calc(100% - 70px);
}

.fiShow-right-85 {
  width: calc(100% - 85px);
}

.fiShow-right-120 {
  width: calc(100% - 120px);
}

.fiShow-right-170 {
  width: calc(100% - 170px);
}

.fiShow-right-value {
  line-height: 1.2;
  padding-top: 5px;
  word-break: break-all;
  position: relative;
}

.fiShow-right-value .colon {
  position: absolute;
  top: 4px;
  left: -7px;
}

.line-tab {
  border-bottom: 1px solid #E8E8E8;
}

.line-tab li {
  display: inline-block;
  margin-right: 34px;
  float: left;
  line-height: 1;
}

.line-tab li a {
  display: inline-block;
  color: #737983;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}

.line-tab li a:hover {
  color: #6C50F6;
}

.line-tab li.active a {
  color: #6C50F6;
  border-bottom: 2px solid #6C50F6;
  font-weight: bold;
}

.line-tab-b2 {
  > section {
    display: none;

    &.active {
      display: block;
    }
  }
}

.detail-mask-ctrl {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 88px;
  z-index: 20;

  > div {
    width: 88px;
    height: 88px;
    cursor: pointer;
  }
}

.be-sure {
  background: url("../icon/be-sure.png") no-repeat;
}

.go-back {
  background: url("../icon/go-back.png") no-repeat;
}

.removed {
  display: inline-block;
  padding: 0 15px;
  border-radius: 10px 0 10px 0 !important;
  line-height: 24px;
  height: 24px;
  font-size: 14px;
  color: white;
  background: #929292;
  position: absolute;
  top: 0;
  left: 0;
}

.one-input {
  width: 18px;
  height: 18px;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.add-btn {
  margin-left: 104px;
  color: @purple;
  cursor: pointer;

  span {
    font-size: 16px;
    vertical-align: top;
    margin-top: 3px;
  }
}

.fullScreen-btn {
  width: 30px;
  height: 30px;
  background: url("../icon/faquan.png") no-repeat center/cover;
  cursor: pointer;
  position: absolute;
  left: 16px;
  bottom: 62px;
  z-index: 10;

}

.iAm {
  width: 483px;
  height: 315px;
  background: #FFFFFF;
  opacity: 1;
  margin: 0 auto;
  position: relative;
  border-radius: 4px;

  h2 {
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    padding: 30px 0;
  }
}

.am-close {
  font-size: 24px;
  color: #A9ADB3;
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

.choose-am {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;

  li {
    width: 166px;
    height: 69px;
    background: #FFFFFF;
    border: 1px solid #EAE9EC;
    user-select: none;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    color: @black;
    padding: 10px 20px;
    line-height: 48px;

    i {
      position: absolute;
      display: inline-block;
      bottom: 0;
      right: 20px;

      &.i-1 {
        width: 39px;
        height: 42px;
        background: url("../icon/xun/a2.png") no-repeat;
      }

      &.i-2 {
        width: 49px;
        height: 41px;
        background: url("../icon/xun/b1.png") no-repeat;
      }
    }

    &.active {
      background: #F9F8FF;
      border: 1px solid #EAE9EC;
      color: #6E4FF7;

      i {
        &.i-1 {
          background: url("../icon/xun/a1.png") no-repeat;
        }

        &.i-2 {
          background: url("../icon/xun/b2.png") no-repeat;
        }
      }
    }
  }

}

.am-confirm {
  width: 433px;
  height: 192px;
  background: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  opacity: 1;
  border-radius: 4px;
}

.my-con {
  text-align: center;
  padding: 50px 0 30px;

  i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../icon/xun/Shape.png") no-repeat;
    margin-right: 10px;
    position: relative;
    top: 5px;
  }
}

.top2 {
  transform: translateY(2px);
}

.top3 {
  transform: translateY(3px);
}

.top-2 {
  transform: translateY(-2px);
}

.top-3 {
  transform: translateY(-3px);
}

/*个人中心*/
.person-left {
  width: 400px;
  height: calc(100vh - 70px);
  background: white;
}

.person-right {
  width: calc(100% - 410px);
  height: calc(100vh - 70px);
  background: white;
}

.flex-s {
  display: flex;
  justify-content: space-between;
}

.person-banner {

  border-bottom: 1px dashed #E8E8E8;
}

.p-image {
  width: 100px;
  height: 100px;
}

.p-comp {
  width: calc(100% - 125px);

  p {

    line-height: 2;
    color: #666666;
  }
}

.pass-icon-box {
  padding-top: 20px;
}

.pass-icon-t {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
}

.pass-icon {
  > li {
    width: 25%;
    text-align: center;

    color: #666666;
  }
}

.img-box {
  width: 52px;
  height: 52px;
  font-size: 0;
  margin: 0 auto 10px;
  position: relative;

  > div {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0;
    right: 0;

    &.inst-ok {
      background: url("../icon/ok.png") no-repeat;
    }

    &.inst-no {
      background: url("../icon/no.png") no-repeat;
    }
  }
}

.ad {
  height: 250px;
  width: calc(100% - 40px);
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.per-info-list {
  > li {
    padding: 25px 0;
    border-bottom: 1px dashed #E8E8E8;
  }
}

.ic-img {
  width: 60px;
  font-size: 0;
}

.ic-img-r {
  width: calc(100% - 76px);
}

.in-tag {
  display: inline-block;
  height: 21px;
  border-radius: 2px !important;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: #FF3E3E;
  margin-right: 10px;
  background: #FFEBEB;
}


.pre-safe-item {
  padding: 32px 0 25px;
  border-bottom: 1px dashed #E8E8E8;

  .pre-safe-title {
    small {
      color: #666666;
      font-size: 14px;
      margin-left: 12px;
      font-weight: 500;
    }
  }

  .pre-safe-con {
    line-height: 1;

    p {
      width: calc(100% - 100px);
      .nowrap
    }
  }
}

.per-feedback-item {
  padding: 20px 0 25px;
  border-bottom: 1px dashed #E8E8E8;

  .per-feedback-time {
    color: #8D92A3;
  }

  .per-feedback-opinion {
    margin-top: 8px;
    background: #FAFAFA;
    color: #666666;
    line-height: 24px;
    font-size: 14px;
    padding: 12px 32px 12px 16px;
  }
}

.mask-content-tab.person-tab {
  padding: 0 20px;

  > li {
    padding: 15px 0 12px;
  }
}

.text-banner {
  max-width: 1200px;
  border-bottom: 1px solid #F5F6F8;
  padding-bottom: 10px;
  margin-bottom: 18px;

  h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 5px;
  }

  p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
  }
}

.page-my-left {
  height: calc(100vh - 70px);
  float: left;
  width: 500px;
  background: white;
}

.page-my-right {
  height: calc(100vh - 70px);
  float: right;
  width: calc(100% - 510px);
  background: white;
}

.tig-list {
  > li {
    padding: 0 30px;
    cursor: pointer;
    border-right: 3px solid transparent;

    &.active {
      background: #F6F3FF;
      border-right: 3px solid @purple;
    }
  }

  .tig-item {
    border-bottom: 1px solid #E8E8E8;
    padding: 20px 0;

    h3 {
      font-weight: normal;
      font-size: 16px;
      color: #252631;
      line-height: 24px;
    }

    p {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.6;
      color: #737983;
    }
  }
}

.choose-box2 {
  padding: 30px 40px;
}

.choose-box2 > li {
  cursor: pointer;
  /*width: 247px;*/
  height: 89px;
  border: 1px solid rgb(232, 232, 232);
  border-radius: 6px;
  color: #333333;
  display: flex;
  align-items: center;
  padding: 0 20px 5px;
  margin-bottom: 20px;
}

.choose-box2 > li.active {
  color: #6C50F6;
  border: 1px solid #6C50F6;
}

.textIco {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(232, 232, 232, 1);
  border-radius: 50%;
  opacity: 1;
  margin-right: 14px;
  transform: translateY(1px);
  box-sizing: border-box;
}

.choose-box2 > li.active .textIco {
  border: 5px solid #6C50F6;
}

.chooseText h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
}

.chooseText p {
  font-size: 14px;
  line-height: 22px;
  color: #8F8F8F;
}

.tig-search {
  width: 100% !important;

  input.form-control {
    height: 40px;
  }

  .input-group-btn .btn {
    color: white;
    height: 40px;
    width: 70px;
  }

}

.choose-box2.choose-box2-copy {
  padding: 0 30px;

  > li {
    height: 140px;
    padding: 0 25px 5px;
    border-radius: 3px !important;

    h4 {
      font-weight: normal;
      color: #252631;
      margin-bottom: 5px;
    }

    .textIco {
      margin-right: 25px;
    }
  }
}

.choose-box2.choose-box3-copy {
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

  > li {
    padding: 0 25px 5px;
    margin-bottom: 16px;
    border-radius: 3px !important;
    width: calc(33.33% - 8px);

    &.active {
      .textIco {
        border: 1px solid #6C50F6;
        background: #6C50F6;

        &:after {
          display: block;
        }
      }
    }

    h4 {
      font-weight: normal;
      color: #252631;
      margin-bottom: 5px;
    }

    .textIco {
      margin-right: 25px;
      border-radius: 1px;
      position: relative;

      &:after {
        display: none;
        content: '';
        position: absolute;
        left: 4px;
        top: 0;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }
    }
  }
}

.testing-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px;
}

.testing-item {
  width: calc(50% - 5px);
  height: 100px;
  background: #38B249;
  margin-bottom: 10px;
  border-radius: 8px !important;
  padding: 29px 20px;
  position: relative;
  background: url(../icon/no-data.png) no-repeat center;

  h4 {

    color: #16171C;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
    font-size: 16px;
  }

  p {

    font-size: 14px;
  }

  &.pass {
    background: rgb(239, 249, 240);

    p {
      color: #38B249;
    }

    .testing-ico {
      color: #7EDC8B;
    }
  }

  &.fail {
    background: rgb(255, 244, 229);

    p {
      color: #FE980F;
    }

    .testing-ico {
      color: #FEB44F;
    }
  }

  &.detecting {
    background: rgb(248, 249, 248);

    p {
      color: #2E92FA;
    }

    .testing-ico {
      animation: rotate 1.2s linear infinite
    }
  }
}

.testing-ico {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  line-height: 1;
  margin-top: -20px;
  right: 20px;

  img {
    display: block;
  }

  .dtFont {
    font-size: 40px;
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.p1620 {
  padding: 16px 20px 0;
}

.border-top {
  border-top: 1px solid #E8E8E8;
  height: calc(100% - 44px)
}

.border-right {
  border-right: 1px solid #E8E8E8;
}

.no-data {
  width: 335px;
  height: 175px;
  margin: 30px auto 40px;
  position: relative;
  background: url(../icon/no-data.png) no-repeat center;

  p {
    color: #737983;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
  }
}

.promise {
  width: 80%;
  max-width: 900px;
  margin: 0 auto;

  > h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
  }

  > p {
    margin-bottom: 15px;
    line-height: 22px;
  }

  .signNote {
    margin-top: 30px;
  }
}


@media screen and (max-width: 1600px) {
  .choose-box2.choose-box3-copy {
    > li {
      width: calc(50% - 8px);
    }
  }
}
